{% extends "base.html" %}
{% block title %}{% endblock %}
{% block head %}
<style type="text/css">
#container{
	width:50%;
	min-width:400px;
	margin:0 auto;
}
ul{
	margin:0;
	padding:0;
}
li{
	display:inline-block;
	margin:2px auto 0px;
	/*background-color:#F0F0F0;
	border:1px solid #E9E9E9;*/
	color:#333;
	padding:3px 3px;
	border-radius:5px;
	width:80px;
	height:80px;
	float:left;
}
a{
	text-decoration:none;
}
img{
	border:1px solid #DEE1E4;
	padding:1px;
}

img:hover{
	border-color:#60a5ff;
}
#photos{
	width:430px;
	border:1px solid #DEE1E4;
	text-align:left;
}
.photo_list{
	width:430px;
}
</style>
{% endblock %}
{% block body %}
<div id="photos">
{%if photo%}
<div>Publisted at {{ photo.updated_at|date:"Y-m-d H:i:s" }}, {{ photo.view_count }} Views.</div>
<a href="/photo/view/{{ photo.blob_id }}">
{% if cdn_cache %}
<img src="{{ cdn_host }}/a/{{ gae_app_id }}/photo/view/{{ photo.blob_id }}?url=http://{{ gae_app_id }}.appspot.com/photo/view/{{ photo.blob_id }}" />
{% else %}
<img src="/photo/view/{{ photo.blob_id }}" />
{% endif %}
</a>
{% endif %}
</div>
{% endblock%}
